<!--
  首页
-->
<template>
  <el-carousel :interval="5000" trigger="click" height="990px" arrow="always">
    <el-carousel-item >
      <Home1/>
    </el-carousel-item>
    <el-carousel-item >
      <Home2/>
    </el-carousel-item>
    <el-carousel-item >
      <Home3/>
    </el-carousel-item>
  </el-carousel>
</template>
<script>
import Home1 from './home1'
import Home2 from './home2'
import Home3 from './home3'
export default {
  components: {
    Home1,
    Home2,
    Home3
  }
}
</script>
<style scoped lang="scss">
  /deep/ .el-carousel__arrow{
    background-color: rgba(255, 255, 255, .6);
    color: #000;
    top:95%;
    width: 24px;
    height: 24px;
  }
  /deep/ .el-carousel__arrow--left{
    left: 50%;
    margin-left: -100px;
  }
  /deep/ .el-carousel__arrow--right{
    right: 50%;
    margin-right: -100px;
  }
  /deep/ .el-carousel__indicators--horizontal{
    bottom: 30px;
  }
  /deep/ .el-carousel__button{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 5px;
  }
</style>
